*{
    margin: 0;
    padding: 0;
}

.clearfix:before,
.clearfix:after {
    display: table;
    content: " ";
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

body{
    height: 475*8px;
    background: url('../../images/byc-923/bg/bg-1_01.jpg')no-repeat center (478px)*0,
     url('../../images/byc-923/bg/bg-1_02.jpg')no-repeat center (478px)*1,
     url('../../images/byc-923/bg/bg-1_03.jpg')no-repeat center (477px)*2,
     url('../../images/byc-923/bg/bg-1_04.jpg')no-repeat center (477px)*3,
     url('../../images/byc-923/bg/bg-1_05.jpg')no-repeat center (477px)*4,
     url('../../images/byc-923/bg/bg-1_06.jpg')no-repeat center (477px)*5,
     url('../../images/byc-923/bg/bg-1_07.jpg')no-repeat center (477px)*6,
     url('../../images/byc-923/bg/bg-1_08.jpg')no-repeat center (477px)*7;
}
.wrap{
    width: 1009px;
    margin: 0 auto;
    padding-top: 770px;
    text-align: center;
    >a{
        display: block;
        width: 100%;
        margin-top: 30px;
        img{
            width: 100%;
        }
    }

    h1{
        font-size: 60px;
        color: #f30013;
        font-weight: bolder;
        margin-top: 20px;
    }

    >div{
        width: 100%;
        margin-top: 30px;
        >a{
            display: block;
            width: 48%;
        }
    }
    
}
.top{
    display: block;
    margin-top: 100px;
    cursor: pointer;
}